import React from 'react';
import LazyLoad from './LazyLoad';

const LazyImage = ({ src, alt }) => {
  return (
      <LazyLoad
          height={200} // 设置元素高度
          offset={100} // 设置预渲染范围
          overflow={true} // 自动检查父元素，默认为false
          resize={true} // 窗口大小变化时是否检查，默认为false
          scroll={true} // 滚动容器滚动时是否检查，默认为true
      >
        <img src={src} alt={alt}/>
      </LazyLoad>
  )

};

export default LazyImage;
